import React, { useEffect, useRef, useState } from 'react'
import { nanoid } from 'nanoid'
import Footer from './components/Footer/Footer'
import Header from './components/Header/Header'
import List from './components/List/List'
import './App.css'
export default function App() {
    let [todos, setTodos] = useState([]);
    return (
        <div className="todo-container">
            <div className="todo-wrap">
                <Header  />
                <List/>
                <Footer/>
            </div>
        </div>
    )
}
